<ion-header>
  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding class="home">
  <!--<h2>Welcome to Ionic!</h2>-->
  <!--<p>-->
  <!--This starter project comes with simple tabs-based layout for apps-->
  <!--that are going to primarily use a Tabbed UI.-->
  <!--</p>-->
  <!--<p>-->
  <!--Take a look at the <code>app/</code> directory to add or change tabs,-->
  <!--update any existing page or create new pages.-->
  <!--</p>-->
  <ion-list>
    <ion-item>
      <!--<ion-label floating>用户名</ion-label>-->
      <ion-label stacked>用户名</ion-label>
      <!--<ion-input type="text" [(ngModel)]="user.username" placeholder="用户名"></ion-input>-->
      <ion-input type="text" [(ngModel)]="user.username"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label stacked>密码</ion-label>
      <ion-input type="password" [(ngModel)]="user.password"></ion-input>
    </ion-item>
  </ion-list>
  <button block (click)="login()">登陆</button>
  <!--<ion-row>-->
  <!--<ion-col width-50 offset-10>-->
  <!--<div><span>TestTestTestTestTestTestTestTestTestTest</span></div>-->
  <!--</ion-col>-->
  <!--</ion-row>-->
  <ion-row>
    <ion-col>
      <div class="textAlignRight marginTop10">
        <button outline (click)="openRegisterPage()">还没有账号？点击注册</button>
      </div>
    </ion-col>
  </ion-row>
  <!--<ion-row>-->
    <!--<img src="{{user.headface}}" (click)="uploadImage()"/>-->
  <!--</ion-row>-->
</ion-content>
